<template>
    <h3>Slots续集</h3>
    <!-- 如果父组件没有传入插槽内容，则显示这里的默认值 -->
    <slot class="text" name="header">插槽默认内容</slot>
    <a href="#">我是插入在两个插槽中间的内容</a>
    <hr>
    <slot name="main">插槽默认内容</slot>
</template>

<script>
export default {
    data() {
        return {

        }
    }
}
</script>

<style scoped>
.text {
    font-size: 30px;
    color: yellowgreen;
}
</style>